<%--
  Created by IntelliJ IDEA.
  User: qhzhy
  Date: 2018/9/12
  Time: 0:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!--活动管理-->
<div role="tabpanel" class="tab-pane" id="char">

    <div class="check-div">
        <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addQX">添加活动</button>
    </div>
    <div class="data-div">
        <div class="row tableHeader">
            <div class="col-xs-3 ">活动Id</div>
            <div class="col-xs-6">活动名称</div>
            <div class="col-xs-2">操作</div>
        </div>
        <div class="tablebody">
            <div class="row">
                <div class="col-xs-3 ">001</div>
                <div class="col-xs-6">
                    <span>郑州相亲大会</span>
                </div>
                <div class="col-xs-2">
                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeQX">修改
                    </button>
                    <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteQX">删除
                    </button>
                </div>
            </div>

        </div>

    </div>
    <!--页码块-->
    <footer class="footer">
        <ul class="pagination">
            <li>
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                </select>
                页
            </li>
            <li class="gray">
                共20页
            </li>
            <li>
                <i class="glyphicon glyphicon-menu-left">
                </i>
            </li>
            <li>
                <i class="glyphicon glyphicon-menu-right">
                </i>
            </li>
        </ul>
    </footer>
    <!--增加权限弹出窗口-->
    <div class="modal fade" id="addQX" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">添加活动</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <form class="form-horizontal">
                            <div class="form-group ">
                                <label for="sActivityId" class="col-xs-3 control-label">活动Id：</label>
                                <div class="col-xs-6 ">
                                    <input type="number" class="form-control input-sm duiqi"
                                           id="sActivityId" placeholder="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="sActivityName" class="col-xs-3 control-label">活动名称：</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control input-sm duiqi"
                                           id="sActivityName" placeholder="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="sActivityTime" class="col-xs-3 control-label">活动时间：</label>
                                <div class="col-xs-6">
                                    <input type="date" class="form-control input-sm duiqi"
                                           id="sActivityTime" placeholder="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="sActivityPlace" class="col-xs-3 control-label">活动地址：</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control input-sm duiqi"
                                           id="sActivityPlace" placeholder="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="sActivityName" class="col-xs-3 control-label">活动说明：</label>
                                <div class="col-xs-6 ">
                                    <textarea class="form-control input-sm duiqi"></textarea>
                                </div>
                            </div>


                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-xs btn-green">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!--修改权限弹出窗口-->
    <div class="modal fade" id="changeQX" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">修改活动信息</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <form class="form-horizontal">
                            <div class="form-group ">
                                <label for="sActivityId" class="col-xs-3 control-label">活动Id：</label>
                                <div class="col-xs-6 ">
                                    <input type="number" class="form-control input-sm duiqi"
                                           id="sActivityId" placeholder="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="sActivityName" class="col-xs-3 control-label">活动名称：</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control input-sm duiqi"
                                           id="sActivityName" placeholder="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="sActivityTime" class="col-xs-3 control-label">活动时间：</label>
                                <div class="col-xs-6">
                                    <input type="date" class="form-control input-sm duiqi"
                                           id="sActivityTime" placeholder="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="sActivityPlace" class="col-xs-3 control-label">活动地址：</label>
                                <div class="col-xs-6">
                                    <input type="text" class="form-control input-sm duiqi"
                                           id="sActivityPlace" placeholder="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="sActivityName" class="col-xs-3 control-label">活动说明：</label>
                                <div class="col-xs-6 ">
                                    <textarea class="form-control input-sm duiqi"></textarea>
                                </div>
                            </div>


                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-xs btn-green">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!--弹出删除权限警告窗口-->
    <div class="modal fade" id="deleteQX" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        确定要删除该信息？删除后不可恢复！
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-xs btn-danger">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

</div>


<!---->
<div role="tabpanel" class="tab-pane" id="sitDetail">
    <div class="check-div form-inline">
                    <span href="#sitt" aria-controls="sitt" role="tab" data-toggle="tab" style="cursor: pointer;"><span
                            class="glyphicon glyphicon glyphicon-chevron-left"></span>&nbsp;&nbsp;返回上一页</span>
    </div>
    <div class="data-div">
        <div class="row tableHeader">
            <div class="col-xs-6 ">
                座位编码
            </div>
            <div class="col-xs-6 ">
                座位名称
            </div>

        </div>
        <div class="tablebody">

            <div class="row">
                <div class="col-xs-6 ">
                    sad2345fas345533
                </div>
                <div class="col-xs-6">
                    王座
                </div>

            </div>

        </div>

    </div>
    <!--页码块-->
    <footer class="footer">
        <ul class="pagination">
            <li>
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                </select>
                页
            </li>
            <li class="gray">
                共20页
            </li>
            <li>
                <i class="glyphicon glyphicon-menu-left">
                </i>
            </li>
            <li>
                <i class="glyphicon glyphicon-menu-right">
                </i>
            </li>
        </ul>
    </footer>

</div>

<!--时间段管理模块-->
<div role="tabpanel" class="tab-pane" id="time">
    <div class="check-div form-inline">
                    <span href="#sitt" aria-controls="sitt" role="tab" data-toggle="tab" style="cursor: pointer;"><span
                            class="glyphicon glyphicon glyphicon-chevron-left"></span>&nbsp;&nbsp;返回上一页</span>

        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <button class="btn btn-yellow btn-xs " data-toggle="modal" data-target="#addTime">添加时间段</button>

    </div>
    <div class="data-div">
        <div class="row tableHeader">
            <div class="col-xs-3 ">
                编码
            </div>
            <div class="col-xs-3">
                开始
            </div>
            <div class="col-xs-3">
                结束
            </div>

            <div class="col-xs-3">
                操作
            </div>
        </div>
        <div class="tablebody">

            <div class="row">
                <div class="col-xs-3 ">
                    6426398978
                </div>
                <div class="col-xs-3">
                    10:10
                </div>
                <div class="col-xs-3">
                    19:30
                </div>
                <div class="col-xs-3">
                    <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeTime">
                        修改
                    </button>
                    <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteTime">删除
                    </button>
                </div>
            </div>

        </div>

    </div>
    <!--页码块-->
    <footer class="footer">
        <ul class="pagination">
            <li>
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                </select>
                页
            </li>
            <li class="gray">
                共20页
            </li>
            <li>
                <i class="glyphicon glyphicon-menu-left">
                </i>
            </li>
            <li>
                <i class="glyphicon glyphicon-menu-right">
                </i>
            </li>
        </ul>
    </footer>

    <!--弹出增加时间段窗口-->
    <div class="modal fade" id="addTime" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">时间段设置</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <form class="form-horizontal">
                            <div class="form-group ">
                                <label for="sName" class="col-xs-3 control-label">开始时间：</label>
                                <div class="col-xs-8 ">
                                    <input type="email" class="form-control input-sm" id="sName"
                                           placeholder="">
                                </div>
                            </div>
                            <div class="form-group ">
                                <label for="sName" class="col-xs-3 control-label">结束时间：</label>
                                <div class="col-xs-8 ">
                                    <input type="email" class="form-control input-sm" id="sName"
                                           placeholder="">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-xs btn-green">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!--修改增加时间段窗口-->
    <div class="modal fade" id="changeTime" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">修改时间段</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <form class="form-horizontal">
                            <div class="form-group ">
                                <label for="sName" class="col-xs-3 control-label">开始时间：</label>
                                <div class="col-xs-8 ">
                                    <input type="email" class="form-control input-sm duiqi" id="sName"
                                           placeholder="">
                                </div>
                            </div>
                            <div class="form-group ">
                                <label for="sName" class="col-xs-3 control-label">结束时间：</label>
                                <div class="col-xs-8 ">
                                    <input type="email" class="form-control input-sm duiqi" id="sName"
                                           placeholder="">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-green btn-xs">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!--弹出删除时间段警告窗口-->
    <div class="modal fade" id="deleteTime" role="dialog" aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        确定要删除该时间段？
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                    <button type="button" class="btn btn-danger btn-xs">保 存</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

</div>